<template>
     <div id="box">
          <header>
               <ul>
                 <li @click="fanhui"><img src="../assets/img/fanhui.png"></li>
                 <li>签约商家申请</li>
                 <li></li>
               </ul>
          </header>
          <section>
              <div class="one">
                <button>{{text}}</button>
                <button>{{texts}}</button>
              </div>
             
                <div class="two">
                   <span>{{tet}}</span>
                   <input type="text" value="请输入商家名称">
               </div>
               <div class="two">
                   <span>{{tets}}</span>
                   <input type="text" value="请输入商家地址">
               </div>
               <div class="three">
                   <span>{{aa}}</span>
                   <input type="text" value="请输入联系人">
                   <span>{{bb}}</span>
                   <input type="text">
               </div>
               <div class="four">
                 <span>{{cc}}</span>
                   <input type="text" value="简介及要求">
                   <b><img :src="img"></b>
               </div>
               <div class="five">
                 <span>{{dd}}</span>
                 <button>{{ee}}</button>
                <button>{{ff}}</button>
               </div>
               <div class="six">
                 <span>{{hh}}</span>
                 <button v-for="list in lists">{{list.gg}}</button>
               </div>
               <div class="seven">
                  <span>{{ii}}</span>
                 <button v-for="lis in liss">{{lis.jj}}</button>
               </div>
               <div class="seven">
                  <span>{{ii}}</span>
                 <button v-for="lis in liss">{{lis.jj}}</button>
               </div>
               <div class="seven">
                  <span>{{ii}}</span>
                 <button v-for="lis in liss">{{lis.jj}}</button>
               </div>
               <div class="event">
                 <span>{{kk}}</span>
                 <button v-for="lst in lsts">{{lst.ll}}</button>
               </div>
               <div class="event">
                 <span>{{kk}}</span>
                 <button v-for="lst in lsts">{{lst.ll}}</button>
               </div>
               <div class="event">
                 <span>{{kk}}</span>
                 <button v-for="lst in lsts">{{lst.ll}}</button>
               </div>
               <div class="ene">
                 <span>{{qq}}</span>
                   <input type="text">
               </div>
               <div class="an">
                   <button>{{ti}}</button>
               </div>
          </section>
        
      </div>
</template>

<script>
  import".././assets/js/jquery-1.12.4.min.js"
export default {
  name: 'box',
  data () {
    return{
       text:"商品配送",
       texts:"跑腿·劳务",
       tet:"商家名称",
       tets:"商家地址",
       aa:"联系人：",
       bb:"电话：",
       cc:"物品简介",
       img:"../../static/xuan.png",
       dd:"日订量",
       ee:"不固定",
       ff:"固定",
       hh:"日订单",
       lists:[
          {gg:'20-50单'},
          {gg:'51-100单'},
          {gg:'100-500单'},
          {gg:'500-1000单'},
          {gg:'1000-2000单'},
          {gg:'2000单'},
       ],
       ii:"发单方式：",
       liss:[
         {jj:'自己罚单'},
         {jj:'一喂代发'},
         {jj:"平台对接"},
       ],
       kk:"发货地",
       lsts:[
          {ll:'固定一个地点'},
         {ll:'固定多个点'},
       ],
       qq:"其他要求",
       ti:"提交申请"
    }
  },
  methods:{
    fanhui(){
      this.$router.go(-1)
    }
  }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import ".././assets/less/qianyueshangjiashenqing.less";
   @import ".././assets/css/reset.css";
</style>